<template>
	<div class="page-content">
		<div class="page-title">
			请扫码支付
			<div class="page-timer">
				<Timer seconds="120"  title="扫码支付"></Timer>
			</div>
		</div>

		<div class="page-main">
			<div class="pay-info">
				<div style="width:200px; height:180px; border-right:solid 1px #ccc; color:#444;">
					<div style="font-size:36px;">缴费金额：</div>
					<div>
						<span style="font-size: 96px; color: #fb3149">50</span>
						<span style="font-size:36px;">元</span>
					</div>
				</div>
				<div style="flex:1; font-size:36px; text-align:left; padding-left:45px; ">
					<div>
						<label style="width:200px;">缴 费 人：</label>
						<span style="color: #808080; ">张三</span>
					</div>
					<div style="margin-top:65px;">
						<label style="width:200px;">流 水 号：</label>
						<span style="color: #808080; ">1234567890</span>
					</div>
				</div>
			</div>
			<div class="pay-standard">
				本产品体检、拍照收费标准严格按照当地物价局收费标价 价【2019】号执行。<br/>
				体检费：30元/次，牌照费：15元/次。
			</div>

			<div class="pay-2dcode">
				<div class="code2d">
					<div class="code2d-box"></div>
					<img class="pay-way" src="res/other/weixin.png" />
				</div>
				<div style="flex:1"></div>
				<div class="code2d">
					<div class="code2d-box"></div>
					<img class="pay-way" src="res/other/alipay.png" />
				</div>
			</div>
		</div>
		 
		
	</div>
</template>

<script>
</script>

<style scoped>
    .pay-info {
        width: 760px;
        height: 270px;
        border: solid 1px #ccc;
        background-color: #e7eef3;
		margin:40px auto 15px auto;
		border-radius:10px;
		padding:45px 0 0 35px;
		display:flex;
    }

    .pay-standard {
        color: #808080;
		width:700px;
		margin:5px auto;
		font-size:18px;
		text-align:left;
    }

    .pay-2dcode {
        width: 760px;
		margin:0 auto;
		display:flex;
    }
	.code2d{
		width:300px;
	}
	.code2d-box{
		width:300px;
		height:300px;
		border:solid 1px #ccc;
		border-radius:10px;
		padding:30px;
		margin:30px 0 20px 0;
	}
</style>
